<template>
  <div class="content">
      <!-- 第一个板块 -->
    <div class="cus-know">
      <p class="cus-title">
        <span class="cus-notic">客户须知</span>
        <span class="cus-look">查看详情></span>
      </p>
      <div class="cus-cont">
          <p>1. 阿姨预定：保留两天，超出需付预定金或签订合同</p>
          <p>2. 如需提前终止服务，可无条件退款！</p>
          <p>3. 额外收费情况：特殊项目体检费、上海市以外的路费</p>
          <p class="cus-change">*更多内容请查看详情</p>
      </div>
    </div>
    <!-- 第二个板块 -->
    <div class="recommend">
        <p class="rec-title">
        <span class="rec-notic">上海长宁区附近保姆多少钱推荐</span>
        <span class="rec-look">更多></span>
      </p>
      <div class="rec-cont">
          <p>上海保姆多少钱</p>
          <p>上海保姆多少钱</p>
          <p>上海找保姆多少钱</p>
          <p>上海住家保姆多少钱？</p>
          <p>上海保姆一个月多少钱</p>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },
  methods: {},
};
</script>

<style scoped>
* {
  margin: 0;
  padding: 0;
}
.cus-know {
  width: 400px;
  padding-left: 20px;
  padding-right: 20px;
  background-color:#fff;
  border-top: 1px solid #fff;
  padding-bottom: 50px;
}
.cus-title{
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
    padding-bottom: 10px;
    border-bottom: 1px solid rgb(211, 208, 208);
}
.cus-notic{
    font-size: 16px;
    font-weight: bold;
    color: #ff6780;
}
.cus-look{
    font-size: 12px;
    color: #999;
    margin-top: 5px;
}
.cus-cont>p{
    font-size: 16px;
    color: #999;
    margin-top: 15px;
}
.cus-cont>.cus-change{
    color: #fe96ac;
}


/* 第二个板块 */
.recommend {
  width: 400px;
  padding-left: 20px;
  padding-right: 20px;
  background-color:#fff;
  border-top: 1px solid #fff;
  padding-bottom: 50px;
  margin-top: 20px;
}
.rec-title{
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
    padding-bottom: 10px;
    border-bottom: 1px solid rgb(211, 208, 208);
}
.rec-notic{
    font-size: 16px;
    font-weight: bold;
    color: #ff6780;
}
.rec-look{
    font-size: 12px;
    color: #999;
    margin-top: 5px;
}
.rec-cont>p{
    font-size: 16px;
    color: #999;
    margin-top: 15px;
}
</style>